define(['jquery', 'cookie'], () => {
    class Header {
        constructor() {
            this.load().then(() => {
                this.search()
                this.showlogin()
                
            })
        }
        load() {
            return new Promise(resolve => {
                // 加载header结束之后执行后续代码，因为load是个异步，所以写在promise里
                $('header').load('/html/modules/header.html', resolve)
            })
        }
        // 完成百度搜索效果
        search() {
            $('#searchInput').on('keyup', function () {
                let keyword = $(this).val()
                console.log(keyword)
                $('#list').html('')
                $.getJSON(
                    `https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=${keyword}&cb=?`,
                    resp => {
                        console.log(resp);
                        // TODOS: 根据resp渲染下拉li，显示搜索提示
                        var S = resp.s
                        S.forEach(item => {
                            console.log(item)
                            $('#list').append(`<li>${item}</li>`)
                        });
                        $('#list').on('mousedown', function (e) {
                            if (e.target.nodeName === 'LI') {
                                $('#searchInput').val(e.target.innerHTML);
                                $('#list').html('')
                            }
                        })
                        $('#list').on('blur', () => {
                            $('#list').html('')
                        })
                    }
                )
            })
        }

        //显示登录状态
        showlogin() {
            if (!$.cookie('lofo') == undefined || !$.cookie('lofo') == null || !$.cookie('lofo') == "") {
                $('#nologin').hide()
                $('#logining').show()
                $.cookie('lofo')
                let str = $.cookie('lofo').split(',')
                let name = str[0]
                console.log(name)
                $('#logining>a').html(`欢迎您  ${name}`).show()
            }
            $('#rest').on('click',function(){
                $('#nologin').show()
                $('#logining').hide()
                //删除时注意路径
                $.removeCookie('lofo',{path: ' / ' })
                window.location.reload()
            })
        }

        
    }
    return new Header();
});